(function (){
    function setBanner(){
        var banner = document.getElementById('banner');
    var oliList = banner.getElementsByTagName('li');
    var section = document.getElementsByClassName('section')[0];
    for(var i = 0; i < oliList.length; i++){
        oliList[i].onmouseover = function(e){
            e = e || window.event;
            section.style.display = 'block';
        }
        
    
    }
        section.onmouseover = function(e){
            e = e || window.event;
            section.style.display = 'block';
        }
        
       banner.onmouseout = function(e){
            e = e || window.event;
            section.style.display = 'none';
            
        }
    
    }
    setBanner();
})();